<script setup>
import { onMounted, nextTick } from 'vue'
import { useRouter, useRoute } from 'vue-router'

const router = useRouter()
const route = useRoute()

const onClickLeft = () => {
  router.back()
}

onMounted(() => {
  nextTick(() => {
    var o = document.getElementById("beijing");
    var height = o.clientWidth||o.offsetWidth;
    height = 1.53*height;
    document.getElementById("beijing").style.height=height+"px";
  })
})
</script>

<template>
  <van-nav-bar title="关注公众号" left-arrow fixed placeholder @click-left="onClickLeft"/>
  <div class="beijing" id="beijing">
    <div class="erweima" id="erweima" style="margin-left: 33.6%">
      <img src="@/assets/images/21.jpg" style="width: 56.7%;margin-top:93%;transform: rotate(-12.5deg);">
    </div>
  </div>
</template>

<style scoped>
.beijing{
  background-image: url(@/assets/images/20.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: white;
  width: 100%;
}
</style>
